.book-card {
  background: #fff;
  border-radius: 16rpx;
  margin: 25rpx 0 0 0;
  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.08);
  padding: 24rpx 32rpx 18rpx 32rpx;
}
.book-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18rpx;
}
.title-container{
  position: relative;
}
.book-dept {
  font-size: 32rpx;
  color: #333;
  font-weight: bold;
}
.title-bg{
  position: absolute;
  width: 48rpx;
  height: 15rpx;
  background-color: rgba(65, 207, 230, 0.5);
  bottom: 0;
  left: calc(20%);
  z-index:0
}
.book-status {
  background: #4ad49a;
  color: #fff;
  font-size: 24rpx;
  border-radius: 8rpx;
  padding: 4rpx 18rpx;
  right: 8rpx;
}
.book-status.nobook {
  background: #eba242;
}
.book-divider {
  height: 1rpx;
  border-top: 1rpx dashed #e0e0e0;
  margin: 18rpx 0 18rpx 0;
  width: 100%;
}
.book-row {
  display: flex;
  align-items: center;
  margin-bottom: 16rpx;
}
.label {
  color: #888;
  font-size: 28rpx;
  width: 160rpx;
}
.value {
  color: #333;
  font-size: 28rpx;
  flex: 1;
}
.value.vital {
  color: #ca3333;
  font-size: 28rpx;
  flex: 1;
}
.nav-btn {
  background: #e0f3ff;
  color: #1ec6e6;
  font-size: 22rpx;
  border-radius: 24rpx;
  padding: 0 18rpx;
  height: 40rpx;
  line-height: 40rpx;
  border: none;
  margin-left: 12rpx;
}
.book-btn-row {
  display: flex;
  justify-content: space-between;
  margin: 30rpx 0 15rpx;
}
.revise-btn {
  width: 48%;
  height: 64rpx;
  background: #fff;
  color: #1ec6e6;
  font-size: 28rpx;
  border-radius: 44rpx;
  border: 1rpx solid #1ec6e6;
  text-align: center;
  line-height: 64rpx;
}
.book-btn {
  width: 48%;
  height: 64rpx;
  background: linear-gradient(90deg, #6ed6f7 0%, #3ec6e7 100%);
  color: #fff;
  font-size: 28rpx;
  border-radius: 44rpx;
  text-align: center;
  line-height: 64rpx;
  border: none;
}